<template>
   <div class="wrapper left">
      <left-form></left-form>
       <left-fenlei :litter="this.litter"></left-fenlei> 
    </div>
</template>

<script>
import { mapState } from 'vuex'
import axios from 'axios'
import LeftForm from './../../NewsList/components/Form.vue'
import LeftFenlei from './../../ProductDetail/components/LeftFenlei.vue'
export default {
  name: 'news-left',
  components:{
      LeftForm,
      LeftFenlei
  },
  data () {
    return {
      msg: 'index',
        litter:[]
    }
  },
   computed:{
        ...mapState(['baseUrl'])
    },
  mounted() {
      this.getInfo()
    
  },
 methods:{
       getInfo(){
     
            axios.get(this.baseUrl+'product/list_tuijian',
                {
                    params:{
                            // categoryName:this.prodcutName
                            }                 
                }
            )
        .then(this.getInfoSucc)
        },
        getInfoSucc(response){
            this.litter = response.data.litter          
        },
 }
  
}
</script>

<style lang="stylus" scoped>
@import "~styles/varibles.styl"
@import "~styles/mixins.styl"
img 
    width 100%
.container
  container()  
.left 
    float left
      
</style>
